<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="" type="text/javascript">
		</script>
	</head>

	<body>
		<div class="box">
			
		</div>
	</body>
	<script src="js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$.ajax({
			type: "get",
			url: "json/json1.json",
			async: true,
			headers: {},
			success: function(res) {
				console.log(res.details)
				$('.box').html(res.details.prefecture)
			}
		});
	</script>

</html>